"use client"

import { Hint } from "@/components/hint"
import { Button } from "@/components/ui/button"
import { MousePointerClick } from "lucide-react"

export const Footer = () => {
  return (
    <footer className="h-[52px] border-t bg-white w-full flex items-center p-2
    overflow-x-auto z-[49px] gap-x-1 shrink-0 px-4 flex-row-reverse">
      footer
      <Hint label="select" side="top" align="end" sideOffset={-10}>
        <Button variant="ghost"
          size="icon"
          onClick={() => { }}
          className=""
        >
          <MousePointerClick />
        </Button>
      </Hint>
    </footer>
  )
}